<!-- 带有排序和过滤的网格 -->
<template lang="">
  <div>Search <input name="query" v-model="filterKey" /></div>
  <Grid :data="data" :columns="columns" :filter-key="filterKey"></Grid>
</template>
<script setup>
import { ref, reactive } from "vue";
import Grid from "../components/filterGrid.vue";
const data = reactive([
  { name: "zhangsan", power: 4000 },
  { name: "lisi", power: 5000 },
  { name: "wangwu", power: 3000 },
  { name: "赵六", power: 6000 },
  { name: "孙起", power: Infinity },
]);

const columns = ["name", "power"];

const filterKey = ref("");
</script>
<style lang=""></style>
